<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改地址页面</title>
    <!--bootstrap-->
    <link href="/shop-app/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/shop-app/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/shop-app/bootstrap/js/bootstrap.min.js"></script>
    <script src="/shop-app/js/CacheUtil.js"></script>
    <script src="/shop-app/js/HttpUtil.js"></script>
    <script src="/shop-app/js/OrdersUtils.js"></script>
    <script src="../js/AddressUtil.js"></script>
</head>
<body>
<!--导入页面公共头部-->
<div class="Top_header"></div>



<!--  栅格系统 start  -->
<nav class="navbar navbar-default col-xs-10 col-xs-offset-1">
    <div class="container " id="setAddressBox">
        <div  class="row">
            <form class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-2 control-label">收货人</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="{address.aName}" id="aName">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">详细地址</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="{address.aDetail}" id="aDetail">
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">电话/手机</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control"  placeholder="{address.aTel}" id="aTel">
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-default" onclick="updateAddr()">提交</button>
                    </div>
                </div>

                <!--                <span id="aId" style="display: none">{address.aId}</span>-->
                <span id="addressIdSS" >{address.aId}</span>
            </form>
        </div>
    </div><!-- /.container-fluid -->
</nav>
<!--  栅格系统 end  -->


<script>


    //获取另一个页面存储的后端数据
    let o = getAddress();
    let address = JSON.parse(o);//将json字符串转换成json对象
    console.log(address); //前端控制台打印


    //加载公有头部
    $(".Top_header").load("/shop-app/include/header.html");

    //字段替换工具
    $(drawingSetAddress(address))


    //点击提交,获取表单的参数

    function updateAddr() {
        //1.获取修改的收货人
        let aName = $("#aName").val();
        //控制台打印
        console.log('获取修改的收货人：')
        console.log(aName);
        //2.获取修改的详细地址
        let aDetail = $("#aDetail").val();
        //控制台打印
        console.log('获取修改的详细地址：')
        console.log(aDetail);
        //3.获取修改的电话
        let aTel = $("#aTel").val();
        //控制台打印
        console.log('获取修改的详细地址：')
        console.log(aTel);

        console.log($('#addressIdSS').html());


        //发送Ajax请求,传递参数（1.aName 2.aDetail 3.aTel）
        $.ajax({
            url: '/shop-api/address/updateAddress',
            type: 'post',
            data: JSON.stringify({
                aName: aName,
                aDetail:  $("#aDetail").val(),
                aTel: aTel,
                aId:$('#addressIdSS').html()
            }),

            contentType: "application/json",
            success: function (data) {
                console.log(data); //控制台打印后端返回的数据
                console.log('将要跳转至订单详情页面');
                saveAddress(data);
                // 页面跳转(重定向)
                $(window).attr('location', '/shop-app/address/address.html');
            }
        })
    }



    // function getAssess() {
    //     //获取上个页面传递过来的订单编号
    //     let oId = getOid();
    //     //控制台打印获取信息
    //     console.log('获取到的订单编号：');
    //     console.log(oId);
    //     // 获取文本框输入的文字内容
    //     let oAssess = $("#assess").val();
    //     //控制台打印
    //     console.log('文本输入框内容：')
    //     console.log(oAssess);
    //
    //     //发送Ajax请求,传递参数（1.oId 2.oAssess）
    //     $.ajax({
    //         url: '/shop-api/orders/addAssessByOid',
    //         type: 'post',
    //         data: JSON.stringify({
    //             oId: oId,
    //             oAssess: oAssess
    //         }),
    //         contentType: "application/json",
    //         success: function (data) {
    //             console.log(data); //控制台打印后端返回的数据
    //             console.log('将要跳转至订单详情页面');
    //             saveOrder(data);
    //             // 页面跳转(重定向)
    //             $(window).attr('location', '/shop-app/orders/orderDetails.html');
    //         }
    //     })
    // }

</script>
</body>
</html>